<template>
    <el-form v-model="form" label-width="120px" size="mini">

    </el-form>
</template>
<script>

    export default {
        props: {
            value: {
                type: Object,
                required: true
            }
        },
        components: {},
        data() {
            return {
                form: this.value,
                init:false,
            }
        },
        methods: {},
        watch: {
            value(n){
                this.init = true
                this.form = n
                this.$nextTick(()=>{
                    this.init = false
                })
            },
          form:{
            deep:true,
            handler:function(newV,oldV){
                if(!this.init){
                    this.$emit('input',{...newV})
                }
            }
          }
        },
        mounted() {

        },
    }
</script>
<style lang="scss" scoped>
    .el-form {

        .el-form-item__label {
            font-weight: 700;
        }
    }
</style>
